<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="renderer" content="webkit">

<!-- ********************************************************* -->
</head>
<body>

    <div class="topjui-fluid">
        <div class="topjui-row">
            <div class="topjui-col-sm4">
                <label class="topjui-form-label">录入项名：</label>
                <div class="topjui-input-block">
				<input id="itemname" type="text" name="itemname"
                           style="" class="textbox-f" data-toggle="topjui-textbox"
                           data-options="required:true,prompt:'必填',validType:'maxLength[20]'"/>
                </div>
            </div>
            <div class="topjui-col-sm4">
                <label class="topjui-form-label">计量单位：</label>
                <div class="topjui-input-block">
				<input id="itemunit" type="text" name="itemunit"
                           style="" class="textbox-f" data-toggle="topjui-textbox"
                           data-options="readonly:true,required:true,prompt:'必填',validType:'maxLength[10]'"/>
                </div>
            </div>
        </div> 

        <div class="topjui-row">
            <div class="topjui-col-sm4">
                <label class="topjui-form-label">数据类型：</label>
                <div class="topjui-input-block">
				<input type="text" name="itemdatatype" id="itemdatatype"
	                           data-toggle="topjui-combobox"
	                           data-options="required:true,prompt:'必选',
                       		   				 panelHeight:100,
	                           			     data:[{value:'数值',text:'数值'},{value:'文本',text:'文本'},{value:'Y/N',text:'Y/N'}],
	                           			     
											onSelect:function(record)
											{
												//alert(record.value+'  '+record.text);
												if(record.value=='数值')
												{
													//alert('***');
													$('#minvalue').numberbox({
															              disabled:false
															          });
													$('#maxvalue').numberbox({
															              disabled:false
															          });
													$('#itemunit').textbox({
															              readonly:false
															          });
													
												}
												else
												{
													$('#minvalue').numberbox({
															              disabled:true
															          });
													$('#maxvalue').numberbox({
															              disabled:true
															          });
													$('#itemunit').textbox({
															              readonly:true
															          });
													$('#minvalue').numberbox('setValue','');
													$('#maxvalue').numberbox('setValue','');		
													$('#itemunit').textbox('setValue','无');		
												}
											}  
	                           			     
	                           			     ">
                </div>
            </div>
            <div class="topjui-col-sm4">
                <label class="topjui-form-label">阈值：</label>
                <div class="topjui-input-block">
                <input id="minvalue" type="text" name="minvalue" 
                		   style="width: 100px;" class="textbox-f" data-toggle="topjui-numberbox"
                       	   data-options="disabled:true,precision:2,prompt:'最小值',validType:'maxLength[8]'"> —           

                <input id="maxvalue" type="text" name="maxvalue" 
                		   style="width: 100px;" class="textbox-f" data-toggle="topjui-numberbox"
                       	   data-options="disabled:true,precision:2,prompt:'最大值',validType:'maxLength[8]'">           
                </div>
            </div>
            <div class="topjui-col-sm3">
                <div class="topjui-input-block">
		       	<a href="javascript:void(0)" data-toggle="topjui-menubutton"
					data-options="btnCls:'topjui-btn-blue'" onclick="addChkinputitem()">添加</a>
                </div>
            </div>
        </div>
	</div>

	<div data-toggle="topjui-layout" data-options="fit:true">
		<div
			data-options="region:'center',title:'',fit:true,split:true,border:false">
			<!-- datagrid表格 -->
			<table data-toggle="topjui-datagrid" class="productDg1"
				data-options="id: 'chkinputitemDg',
               				fitColumns:true,
              				remoteSort:false,
               				method:'get',
               				url: '/chkinputitem/queryChkinputitem?chkpointid='+ID
               				">
				<thead>
					<tr>
						<th data-options="field:'itemname',title:'录入项名',sortable:true,width:200,align:'center'"></th>
						<th data-options="field:'itemunit',title:'计量单位',sortable:true,width:100,align:'center'"></th>
						<th data-options="field:'itemdatatype',title:'数据类型',sortable:true,width:100,align:'center'"></th>
						<th data-options="field:'minvalue',title:'阈值最小值',sortable:true,width:100,align:'center'"></th>
						<th data-options="field:'maxvalue',title:'阈值最大值',sortable:true,width:100,align:'center'"></th>
						<th data-options="field:'operate',title:'操作',formatter:operateFormatter,width:50,align:'center'"></th> 	
					</tr>
				</thead>
			</table>
		</div>
	</div>
	<!-- layout布局 结束 -->

	<!-- 表格工具栏开始 -->
	<!-- 表格工具栏结束 -->

<script>
//生成表格中的操作按钮	
function operateFormatter(value, row, index) 
{
	debugger;
    //var htmlstr = '<button class="layui-btn layui-btn-xs layui-btn-danger" onclick="delChkinputitem(\'' + row.id + '\')">删除</button>';
    var htmlstr = "<a href=\"javascript:void(0)\" data-toggle=\"topjui-menubutton\" data-options=\"btnCls:'topjui-btn-red'\" onclick=\"delChkinputitem('" + row.id + "')\">删除</a>";
    
    return htmlstr;
}
//删除录入项
function delChkinputitem(id){
	debugger;
	$.messager.confirm("操作提示", "是否删除这个录入项？", function (data) {
		if(data) {
			$.post("/chkinputitem/delChkinputitem",{"chkinputitemid":id},function(res,status){
			//$.post("/chkinputitem/delChkinputitem?chkinputitemid="+id,function(res,status){
				 if (status == 'success') { // 后台返回状态值
	                 $.iMessager.show({title: '我的消息', msg: res.message, timeout: 5000, showType: 'slide'});// '消息窗口'组件
	                 $("#chkinputitemDg").iDatagrid('reload');// 刷新下表格数据（propDg是上面数据表格的id）
	             } else {
	                 $.iMessager.show({title: '我的消息', msg: res.message, timeout: 5000, showType: 'slide'});// '消息窗口'组件
	             }
			},'JSON');
		}else {}
	});
}
function delChkinputitem22(id){
	//debugger;
	//这个提示框也不成功
	$.messager.confirm("操作提示", "是否删除这个录入项？", function (b) {
		debugger;
		if(b) {
			alert("执行删除");
		}else {
			alert("不执行");
		}
	});
}
function delChkinputitem33(id){
	//debugger;
	if(confirm("是否删除这个录入项？"))
	{

		$.post("/chkinputitem/delChkinputitem?chkinputitemid="+id,function(res,status){
			 if (status == 'success') { // 后台返回状态值
                $.iMessager.show({title: '我的消息', msg: res.message, timeout: 5000, showType: 'slide'});// '消息窗口'组件
                $("#chkinputitemDg").iDatagrid('reload');// 刷新下表格数据（propDg是上面数据表格的id）
            } else {
                $.iMessager.show({title: '我的消息', msg: res.message, timeout: 5000, showType: 'slide'});// '消息窗口'组件
            }
		},'JSON');

		return false;		
		
	}
	else
	{
		alert("不执行");
		return false;
	}
	//如果点击取消的话，为什么这里会销毁这个最大化的窗体，而下面的就不会？？？
}
function delChkinputitem11(id){
	alert("不执行");
}
	
//添加录入项
function addChkinputitem(){
	//alert("加载完毕,当前的curchkpointid="+ID);
	debugger;
	if($('#chkinputitemDg-add').form('validate')) {
		var formData = $("#chkinputitemDg-add").serialize();
		var url = '/chkinputitem/insertChkinputitem';
		$.post(url,formData+'&chkpointid='+ID,function (res,status) {
    		if (status == 'success') { // 后台返回状态值
        		$.iMessager.show({title: '我的消息', msg: res.message, timeout: 5000, showType: 'slide'});// '消息窗口'组件
        		$("#chkinputitemDg").iDatagrid('reload');// 刷新下表格数据
    		}
    		else {
        		$.iMessager.show({title: '我的消息', msg: res.message, timeout: 5000, showType: 'slide'});// '消息窗口'组件
    		}
    		//执行完毕无论成功与否，都清空表单元素；
    		$("#itemname").textbox('setValue','');
    		$("#itemunit").textbox('setValue','');
    		$('#itemdatatype').combobox('reset');
    		//$('#itemdatatype').combobox('clear');//单独使用可以
    		//$('#itemdatatype').combobox('reload');//单独使用不行
    		$('#minvalue').numberbox('setValue','');
    		$('#maxvalue').numberbox('setValue','');
    		
		},'JSON');
	}
	
}
//测试
$(function(){ 
	//alert("加载完毕,当前的curchkpointid="+ID); 
});
	
</script>


</body>
</html>